#mobile_nav{display: none;}

/*头部*/
.item_header { height: 60px; width: 100%; background-color: #61d19a; position: relative; line-height: 60px; color: #fff; font-size: 18px; }
.item_header span { position:absolute;left:20px;font-size:16px;color: #fff;}
.item_header h3 { line-height:60px;text-align:center;font-weight:normal;padding:0;font-size:18px;margin:0;color: #fff;}
/*展示成品图*/
.focus { width: 100%; height: auto; margin: 10px auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 11px; position: absolute; z-index: 1; bottom: 5px; text-align: center; }
.focus .hd ul { display: inline-block; height: 5px; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; vertical-align: top; }
.focus .hd ul li { display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #8C8C8C; margin: 0 5px; vertical-align: top; overflow: hidden; }
.focus .hd ul .on { background: #FE6C9C; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: auto; height:250px; }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.item_detail_app_box{width:100%;padding: 0 5px;box-sizing: border-box;}
.look_img{display: inline-block;min-width:70px;width:auto;height: 30px;background-color: rgba(0,0,0,0.4);color: #fff;position: absolute;
bottom:30px;right:10px;text-align: center;line-height: 30px;z-index: 12333;border-radius: 5px;font-size: 13px;}
.detail_left,.detail_right{display: inline-block;width:50%;vertical-align: text-top;}
.tr{ display:table-row; width:100%; min-height:20px;display: inline-block;line-height: 20px;height:auto;vertical-align:text-top;border-bottom: 1px solid #e2e2e2;padding: 10px 0;} 
.tr_block .td_data{width:auto;max-width: 97%;white-space: normal;word-break: break-all;line-height: 20px;}
.tr_block{width:100%;}
.item_detail_table{ display:table; } 
.td{ display:table-cell; height:inherit;} 
.td_str{color: #323232;font-style: normal;font-weight: bold;font-size: 12px;min-width: 63px;text-align: right;}
.td_data{font-size: 12px;color: #323232;word-wrap: break-word;width:auto;}
.td_data span{color:#f60;font-size: 13px;}
.td_measurement{white-space:nowrap;}
.tr_block .td_data{width:auto;}
.td_data.price_color{color: #f60;font-weight: bold;}
.td_data a.inlays_link{color:#0080ff;text-decoration:underline;}
.item_detail_btn_box {margin: 0 auto;width: 100%;margin-bottom: 50px;}
.item_detail_btn_box a{display:inline-block; width:38%;height:36px;color:#fff;font-size:13px; text-align:center;line-height:36px;margin:10px 10px;}
.item_detail_btn_box a.i_chat_icon{position:relative;padding-left:38px;max-width:120px;padding-right:10px;width:auto;}
.item_detail_btn_box a i{display:inline-block;width:20px;height:17px;background:url(../img/inventory/call.png) no-repeat 0 0;background-size: 20px 17px;position: absolute;
top:11px;left:8px;}
div.ps-document-overlay{background-color: #fff;}
/*供应商详情*/
.detail_box_bg{width:100%;height: 100%;position: fixed;background-color: rgba(0,0,0,0.4);top:0;left:0;z-index: 333333;display: none;}
.detail_box{width:100%;height: 350px;background-color: #fff;margin:0 auto;margin-top:30px;}
.detail_header{position: relative;}
.detail_title{height: 46px;background-color: #ddd;text-align: center;line-height: 46px;}
.close_detail_btn{position: absolute;right: 5px;top: 8px;width: 30px;height: 30px;background: url(../img/inventory/x.png) no-repeat 0 0;cursor: pointer;opacity: 1;display: inline-block;}
.detail_content{padding: 10px 5px 10px 5px;}
.d_table{display: table;border-bottom: 1px solid #e2e2e2;padding: 6px 0;}
.d_tr{display: table-row;min-height: 20px;height: auto;display: inline-block;width:100%;padding: 5px 0;}
.d_td{display: table-cell;width:66px;text-align: right;display: inline-block;vertical-align: text-top;overflow: hidden;}
.d_data{width:100px;text-align: left;}
i.click_chat_icon{display: inline-block;width: 16px;height: 16px;margin-left: 6px;vertical-align: text-bottom;
    background: url(../img/inventory/click_chat_btn.png) no-repeat 0 0;background-size: 16px 16px; -webkit-animation: Tada 1s both;
    -webkit-animation: Tada 1s linear infinite;;
    -moz-animation: Tada 1s linear infinite;
    -ms-animation: Tada 1s linear infinite;
    -o-animation:Tada 1s linear infinite;
    animation: Tada 1s linear infinite;
    }

@keyframes Tada {
    0% {
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform:scale(1);
        -o-transform:scale(1);
        transform: scale(1);
        transform: scale(1);
     }

    10%,20% {
    	-webkit-transform: scale(0.9) rotate(-3deg);
    	-webkit-transform: scale(0.9) rotate(-3deg);
    	-moz-transform: scale(0.9) rotate(-3deg);
    	-moz-transform:scale(0.9) rotate(-3deg);
    	-ms-transform:scale(0.9) rotate(-3deg);
    	-ms-transform:scale(0.9) rotate(-3deg);
    	-o-transform:scale(0.9) rotate(-3deg);
    	-o-transform:scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
    	-webkit-transform: scale(1.1) rotate(3deg);
    	-webkit-transform: scale(1.1) rotate(3deg);
    	-moz-transform: scale(1.1) rotate(3deg);
    	-moz-transform: scale(1.1) rotate(3deg);
    	-ms-transform: scale(1.1) rotate(3deg);
    	-ms-transform: scale(1.1) rotate(3deg);
    	-o-transform:scale(1.1) rotate(3deg);
    	-o-transform:scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
    	-webkit-transform: scale(1.1) rotate(-3deg);
    	-webkit-transform: scale(1.1) rotate(-3deg);
    	-moz-transform: scale(1.1) rotate(-3deg);
    	-moz-transform: scale(1.1) rotate(-3deg);
    	-ms-transform: scale(1.1) rotate(-3deg);
    	-ms-transform: scale(1.1) rotate(-3deg);
    	-o-transform:scale(1.1) rotate(-3deg);
    	-o-transform:scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
    	-webkit-transform: scale(1) rotate(0);
    	-webkit-transform: scale(1) rotate(0);
    	-moz-transform: scale(1) rotate(0);
    	-moz-transform: scale(1) rotate(0);
    	-ms-transform: scale(1) rotate(0);
    	-ms-transform: scale(1) rotate(0);
    	-o-transform:scale(1) rotate(0);
    	-o-transform:scale(1) rotate(0);
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@media (min-width:500px) and (max-width:1366px){
	.detail_box{width:500px;}
	.d_td{width:65px;}
	.d_data{width:128px;}
}

@media (max-width:350px){
	.detail_box{font-size: 12px;}

	.d_td{width:48px;}
	.d_data{width:100px;}
	.td_str{font-size: 12px;}
	.tr_block .td_data{/*word-break: keep-all;*/}
}

#MainContent{width: :100%;height: 250px;position: relative;z-index: 111;}
#PhotoSwipeTarget{width: 100%;height: 240px;}
#Indicators {
	text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
    z-index: 124556;
   
}

.ps-toolbar{display: none!important;}
.ps-caption{display: none!important;}

#Indicators span {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 10px 0 0;
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #c5c5c5;
    overflow: hidden;
}
#Indicators span.current {
    background: #EEBF02;
}

.slide{
    position: relative;
    max-width: 640px;
    overflow: hidden;
    margin: 20px auto;
}
.slide:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%;
}
.slide ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* 解决js阻塞页面显示首屏 */
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.slide .dot{
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 5;
    font-size: 0;
}
.slide .dot span{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.slide .dot .cur{
    background-color: #fff;
}


.price_box{color: red;}
